@extends('Admin.common.header')

<!-- 1.添加meta csrf_token -->
<meta name="csrf-token" content="{{ csrf_token() }}">

<br/><br/><br/><br/>

<h3 style="margin-left:520px;">
	订单查询
</h3>


<div class="col-lg-6" style="width:100%;" >
	<div class="input-group" style="width:50%;margin-left:280px;"  >
	  <input  type="text" class="form-control" placeholder="请输入收货人姓名 订单号 手机号 进行查询....">
		<span class="input-group-btn">
			<!-- 1.提交按钮 -->
			<button id='btn' class="btn btn-default" type="button">Go!</button>
			<a class="btn btn-default" href="{{ url('/orderIndex') }}" />清空条件</a>
		</span>
	</div>
</div>

<br/><br/><br/><br/>

<!-- 订单表格 -->
<div class="bs-example" data-example-id="hoverable-table" style="width:90%;margin:0 auto;display:none;">
    <table class="table table-hover" id="table1">
		<thead>
			<tr>
				<th>订单id</th>
				<th>账号</th>
				<th>电话</th>
				<th>地址</th>
				<th>服务车型</th>
				<th>订单总价</th>
				<th>是否付款</th>
				<th>付款方式</th>
				<th>订单状态</th>
				<th>查看详情</th>
			</tr>
		</thead>
		<tbody id="contain">
			
		</tbody>
    </table>
</div>

<br/><br/><br/><br/>


<script src=" {{ asset('./js/jquery-1.8.3.min.js') }} "></script>
<script type="">
	<!-- 2.设置全局ajax选项 -->
	$.ajaxSetup({
		headers: {
			'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
		}
	});
	var _token = $('meta[name="csrf-token"]').attr('content');
	
	
	$(function(){
		// 获取 搜索主订单结果
		$('#btn').click(function(){
			// 3.1 先对容器清空
			$("#contain").html('');
			// 3.2 获取 用户名/订单号/手机号
			var val = $('.form-control').val();
			// alert( val );
			// return false;
			// 为空 返回
			if( val=='' )
			{
				return false;
			}
			$.ajax({					
				type:"post",
				url:"{{ url('/order') }}",
				data:{keyword:val,_token:_token},
				async:true,    			
				dataType:"html",
				success:function(back)
				{
					// 接收 搜索的 主订单结果 
					$("#contain").append( back );
					// 订单表格 显示
					$('.bs-example').css('display','block');
				}
			});
			
		});
	
	})
	
	
	// 获取 订单详情
	// 参数：订单id
	function detail(id){
		// 执行动作
		var action = $("#tr_"+id).attr( 'action' );
		// 是否加载
		var isLoad = $("#tr_"+id).attr( 'isLoad' );
		// 执行动作 打开
		if( action=='open'){
			// 还未加载
			if( isLoad=='false' )
			{
				$.ajax({					
					type:"post",
					url:"{{ url('/orderDetail') }}"+'/'+id,
					data:{_token:_token},
					async:true,    			
					dataType:"html",
					success:function(back)
					{
						// 接收 搜索的订单内容
						$("#tr_"+id).after( back );
						// 显示
						$("#tr_"+id).nextUntil('[id*=tr]').show(1000);
						// 设置 执行动作 关闭
						$("#tr_"+id).attr( 'action','close' );
						// 设置 为已加载
						$("#tr_"+id).attr( 'isLoad','true' );
					}
				});
			}else
			{
				// 已加载
				// 展开
				$("#tr_"+id).nextUntil('[id*=tr]').show(1000);
				$("#tr_"+id).attr( 'action','close' );
			}
		}else
		{
			// 收起
			$("#tr_"+id).nextUntil('[id*=tr]').stop(true, 'gotoEnd').slideUp(500);
			// 设置 执行动作 打开
			$("#tr_"+id).attr( 'action','open' );
		}
		
	}
	
	
</script>

@extends('Admin.common.footer')